doctype html
// saved from url=(0042)http://www.chuanke.com/4272850-163140.html
html(lang='zh-cmn-Hans')
  head
    meta(http-equiv='Content-Type', content='text/html; charset=UTF-8')
    meta(charset='UTF-8')
    title 【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课
    meta(name='renderer', content='webkit')
    meta(http-equiv='X-UA-Compatible', content='IE=edge,chrome=1')
    meta(name='keywords', content='【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀，网络课程,百度传课')
    meta(name='description', content='【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀，由百度传课提供')
    link(rel='shortcut icon', href='http://www.chuanke.com/favicon.ico')
    link(href='http://res.ckimg.com/common/v1/images/favicon.ico', type='/image/x-icon', rel='icon')
    link(rel='stylesheet', href='css/base/reset.css')
    link(rel='stylesheet', href='css/base/base.css')
    link(rel='stylesheet', href='css/modules/head.css')
    link(rel='stylesheet', href='css/modules/nav.css')
    link(rel='stylesheet', href='css/modules/footer.css')
    link(rel='stylesheet', href='css/modules/dialog.css')
    link(rel='stylesheet', href='css/modules/page.css')
    // <link rel="stylesheet" href="css/evaluate/evaluate.css">
    link(rel='stylesheet', href='css/course/details.css', media='screen')
    script(src='js/jquery-1.8.3.min.js')
    script(src='js/jquery.common.js')
    //
      <script src="js/functions.js"></script>
      <script src="js/jquery.uploadify-3.1.js" type="text/javascript"></script>
    // <script src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/logger.js"></script>
    // 百度分享样式
  body
    #topBar.topR
      .wrapper
        a.topR_logo(href='http://www.chuanke.com/')
        ul.topR_dev
          li.liClient
            a(href='http://kk.chuanke.com/', target='_blank')
              i.icoR.icoR_0
              | 下载传课
          li.cart
            a(href='http://www.chuanke.com/?mod=cart&act=show')
              i.icoR.icoR_4
              | 购物车(
              i#cartCount 0
              | )
        // =E topR_dev
        .topR_search
          .inner
            span.tp_label
              a#searchType(href='javascript:;', stype='course')
                | 课程
                i.icoR.icoR_5
              span#searchTypeList.tp_label_sub(style='display:none;')
                a#courseType(href='javascript:;', stype='course') 课程
                a#schoolType(href='javascript:;', stype='school') 学校
            span.tp_txt
              // 鼠标点击的时候，添加tp_txt_focus
              span#ck_prompt_1.iptTips(style='left: 1px; top: 0px;') 请输入关键词、学校名等...
              input#head_searchKeywords.ipt(type='text', prompt='请输入关键词、学校名等...', style='width:350px;')
              a#head_searchSubmit.tp_btn(href='javascript:;', title='搜索')
                i.icoR.icoR_6
        // =E topR_search
        .rTop(style='position: fixed;_position:absolute; z-index: 599; bottom:10px; right: 0px;')
          ul
            ul
              li.r_weixin
                #weixinCodeImg.codeImgWrap(style='background-color:#FFFFFF;display: none;')
                  a#weixinClose.close(href='javascript:;')
                  p.tc.mt20 轻松一扫，精彩不停
                  .codeImg
                a#btnWeixin.wx.item(href='javascript:;', style='display: block;') 微信关注
              li.r_msg
                a#btnFeedback.item(href='http://help.baidu.com/add?prod_id=171', target='_blank', style='text-decoration:none;') 投诉&反馈
              li.r_gotop(style='display: none;')
                a#btnGotop.item(href='#') 返回顶部
        #header_bar
          .topR_login
            a(href='http://passport.chuanke.com/login/index/ret/aHR0cDovL3d3dy5jaHVhbmtlLmNvbS8vNDI3Mjg1MC0xNjMxNDAuaHRtbA==') 马上登录
            a(href='https://passport.baidu.com/v2/?reg&tpl=eduol&u=http%3A%2F%2Fwww.chuanke.com%2F4272850-163140.html', target='_blank') 注册
          // =E topR_login
        #aside-tips.aside-tips
    // =E topR
    script.
      function addListener(element, e, fn) {
      if (element.addEventListener) {
      element.addEventListener(e, fn, false);
      } else {
      element.attachEvent("on" + e, fn);
      }
      }
      $(function () {
      $("li.liClient").mouseover(function () {
      $("li.liClient > a").css('background', '#0A64A4');
      $("#clientList").show();
      }).mouseleave(function () {
      $("li.liClient > a").css('background', '');
      $("#clientList").hide();
      });
      $("#head_searchSubmit").mouseover(function () {
      $(this).parent().addClass('tp_txt_focus');
      }).mouseleave(function () {
      $(this).parent().removeClass('tp_txt_focus');
      });
      $(".topR_search").inputTips();
      $("#head_searchKeywords").prev("span.iptTips").css({"left": "1px", "top": "0px"});
      $("#searchType").click(function () {
      var obj = $(this);
      var pobj = $("#searchTypeList");
      var course = $("#courseType").clone();
      var school = $("#schoolType").clone();
      obj.showMenu('#searchTypeList');
      obj.mouseout(function () {
      obj.hideMenu('#searchTypeList');
      });
      pobj.find("a").click(function () {
      var cobj = $(this);
      obj.attr('stype', cobj.attr('stype')).html(cobj.text() + '<i class="icoR icoR_5"></i>');
      if (cobj.attr('stype') == 'school') {
      $("#courseType").remove();
      $("#schoolType").after(course);
      } else {
      $("#schoolType").remove();
      $("#courseType").after(school);
      }
      pobj.hide();
      });
      });
      $("#head_searchKeywords").keydown(function (event) {
      if (event.keyCode == 13) {
      $("#head_searchSubmit").trigger('click');
      }
      });
      $("#head_searchSubmit").click(function () {
      var keywords = $.trim($("#head_searchKeywords").val()),
      searchType = $("#searchType").attr('stype');
      if (searchType == "course") {
      if (keywords == '') {
      searchUrl = "/course/index.html";
      } else {
      searchUrl = "/course/_" + encodeURIComponent(keywords) + "_____.html";
      }
      } else {
      searchUrl = "/?mod=search&act=school&keyword=" + encodeURIComponent(keywords);
      }
      document.location.href = searchUrl;
      return false;
      });
      $(window).scroll(function () {
      if ($(window).scrollTop() > 100) {
      $("li.r_gotop").fadeIn(750);
      } else {
      $("li.r_gotop").fadeOut(750);
      }
      });
      addListener(document, "mouseover", function (evt) {
      var evt = window.event ? window.event : evt,
      target = evt.srcElement || evt.target;
      if (target.id == "btnWeixin") {
      $("#btnWeixin").animate({left: '-66px'}, "fast");
      return;
      } else if (target.id == "btnFeedback") {
      $("#btnFeedback").animate({left: '-66px'}, "fast");
      return;
      } else if (target.id == "btnGotop") {
      $("#btnGotop").animate({left: '-66px'}, "fast");
      return;
      } else if (target.id == "customerService") {
      $("#customerService").animate({left: '-66px'}, "fast");
      return;
      }
      });
      addListener(document, "mouseout", function (evt) {
      var evt = window.event ? window.event : evt,
      target = evt.srcElement || evt.target;
      if (target.id == "btnWeixin") {
      $("#btnWeixin").stop(true).animate({left: '0px'}, "fast");
      return;
      } else if (target.id == "btnFeedback") {
      $("#btnFeedback").stop(true).animate({left: '0px'}, "fast");
      return;
      } else if (target.id == "btnGotop") {
      $("#btnGotop").stop(true).animate({left: '0px'}, "fast");
      return;
      } else if (target.id == "customerService") {
      $("#customerService").stop(true).animate({left: '0px'}, "fast");
      return;
      }
      });
      $("#btn_yjwj").click(function () {
      $("li.yjwj").css("display", "none");
      });
      $("#weixinClose").click(function () {
      $("#weixinCodeImg").hide();
      $("#btnWeixin").css("display", "block");
      });
      $("#btnWeixin").click(function () {
      $("#btnWeixin").css("display", "none");
      $("#weixinCodeImg").show();
      });
      });
    .mainNav.mb20.bc
      .wrapper
        .inner
          ul.mn_menu.fl.clearfix
            li
              a(href='#') 首页
            li
              a.here(href='#', target='_blank') 在线课程
            li
              a(href='#', target='_blank') 公益讲座
            li
              a(href='#', target='_blank') 在线名师
            li
              a(href='#', target='_blank') 公告通知
            li
              a(href='#', target='_blank') 帮助中心
            //
              <li>
              <a href="#">今日直播</a>
              <i class="hot"></i>
              </li>
            li
              a(href='#', target='_blank') 关于我们
    link(rel='stylesheet', href='css/modules/course-list.css', media='screen')
    .content.cf
      // Start面包屑
      .breadcrumbs
        a(href='http://www.chuanke.com/course/72351163642544128______.html', target='_blank') IT/计算机/互联网
        em >
        a(href='http://www.chuanke.com/course/72351236656988160______.html', target='_blank') 设计制作
        em >
        a(href='http://www.chuanke.com/course/72351236791205888______.html', target='_blank') 工具软件
        em >
        a(href='http://www.chuanke.com/course/72351236791271424______.html', target='_blank') Photoshop
      // End 面包屑
      // Start 课程banner信息
      .details-topcon
        .fl.details-topcon-pic
          img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/3dc0797926a944f8dffaa025200eaf00.jpg', alt='')
          span.mask
        .fr.details-topcon-info
          h3.title 【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀
          h4(style='width: 650px;padding-left: 10px;height: 30px;line-height: 30px;font-size: 16px;color: gray;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;') 这是一句话说明。。。
          ul.summary(style='margin-top: 10px;')
            li.price
              span.fl.text 价　　格
              span.fl.num
                em.money ¥
                | 0.00
              span#coupon_list
            li.cf.purchase
              .fl.w-buy
                span.text 累计购买
                em.c-333 3618
            li.cf
              .fl.total
                span.text 总课时
                em 6
                | 课时
              .fl.validity
                span.text(style='letter-spacing: 0px;') 报名时间
                em 07月14日~07月23日
            i#buy_course_type(style='display:none;') 1
          .apply(style='margin-top: 20px;')
            // 开始学习加上类名  ck-btn2  人以报满 加上类 ck-btn-gray
            span#btnList
              a.buyBtn.fl.ck-btn.ck-btn1(href='javascript:;') 立刻购买
              a#addToCart.fl.cart(href='javascript:;')
                i.ico-cart
                | 加入购物车
          //
            <p class="promise">
            <span class="text">承　　诺</span>
            <span class="return">保</span>
            <em>15天担保期</em>
            </p>
          //
            <a href="javascript:;" id="collect_course" class="fl collect"><i class="ico-collect"></i> 收藏（<span id="collect_course_num">427</span>）</a>
            <span class="fl dividing">|</span>
            <a class="share bdshare_b fl" id="bdshare" href="javascript:;"><i class="ico-share"></i>分享</a>
            &lt;!&ndash; 百度分享 &ndash;&gt;
            <script type="text/javascript" id="bdshare_js" data="type=button&amp;uid=688952" src="js/share/bds_s_v2.js"></script>
            <script type="text/javascript">
            //在这里定义bds_config
            var bds_config = {
            'snsKey': {
            'tsina': '2463745741',
            'qzone': '100262522',
            'tqq': '801145774',
            'renren': '5e8042ac9ceb446baaf09f4d80fe039a'
            }, 'bdText': '我在 @百度传课 看到了一个非常不错的课程：《【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀》，大家也来听听课吧。@百度UE讲堂 网址：'
            };
            </script>
          // Baidu Button END
      // End 课程banner信息
      // Start 左列
      .fl.main.details-info
        // 导航  滚动的时候加上类名  fixed
        #tabs.m-nav
          ul#tab_switch
            li.c-jj(tab='brief')
              a.link.curr(href='javascript:;') 课程简介
            li.c-ml(tab='dirBrief')
              a.link(href='javascript:;') 课程目录
            li#comment.c-pj(tab='comment')
              a.link(href='javascript:;')
                | 课程评价 
                em.c-orange 98
            li.c-gm(float='float')
              a#buyBtn.ck-btn.ck-btn1.buyBtn(href='javascript:;') 立刻购买
            li.c-jg(float='float')
              em.money ¥
              | 0.00
        #box_content.m-content
          // =S 课程简介
          .con-intro
            .con-intro-table
              table
                tbody
                  tr
                    th
                      span 教学老师
                    td(width='639')
                      dl.item
                        dt.fl
                          img(width='70', height='70', src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/a53ed8db923f5df5364750f6782af797.jpg', alt='')
                        dd
                          h3 百度大UE讲堂
                          p
                            | 我们不培养美工，只培养一流设计师； 听一节顶十节，开启10倍速UI技能学习模式； 考完直通百度实习，最具创造力设计实践机会限量开放；
                            | 从菜鸟到大咖，300名一线设计师，全程陪护。
            .con-intro-bd
              p
                img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/646d6bd605cd7a58ecebd2b556e040ff.jpg', alt='')
                br
            // =E 这个是用户编辑器输入的内容
          // =E 课程简介
          .m-catalog
            .header
              h2.title 课程目录
            h3.chapter-title
              em 第1章
              | 交互设计思维第一讲
            ul.m-catalog-list
              li.bg-cor
                .chapter
                  span.num 1
                  h4.fl.title 交互设计流程解析-百度魔图案例
                  span.fl.title(style='color: gray;font-size: 13px;')  （2月12日 09:00-10:00 周平老师）
                  .fr.status
                    span.time 00:17:33
                  a.fr.listen.ck-btn.ck-btn4(href='http://www.chuanke.com/v4272850-163140-714488.html', target='_blank') 试听
                .info 课时简介，如有则显示无则消失
            h3.chapter-title
              em 第2章
              | 交互设计思维第二讲
            ul.m-catalog-list
              li.bg-cor
                .chapter
                  span.num 1
                  h4.fl.title 利用Sketch制作个人中心改版交互原型-百度图片
                  span.fl.title(style='color: gray;font-size: 13px;')  （2月12日 09:00-10:00 周平老师）
                  .fr.status
                    span.time 00:58:30
                  a.fr.listen.ck-btn.ck-btn4(href='http://www.chuanke.com/v4272850-163140-727121.html', target='_blank') 试听
            h3.chapter-title
              em 第3章
              | 交互设计思维第三讲
            ul.m-catalog-list
              li.bg-cor
                .chapter
                  span.num 1
                  h4.fl.title 怎么hold住新用户
                  span.fl.title(style='color: gray;font-size: 13px;')  （2月12日 09:00-10:00 周平老师）
                  .fr.status
                    span.time 00:21:14
                  a.fr.listen.ck-btn.ck-btn4(href='http://www.chuanke.com/v4272850-163140-737199.html', target='_blank') 试听
            h3.chapter-title
              em 第4章
              | 交互设计思维第四讲
            ul.m-catalog-list
              li.bg-cor
                .chapter
                  span.num 1
                  h4.fl.title 交互设计师的头脑利器-设计思维
                  span.fl.title(style='color: gray;font-size: 13px;')  （2月12日 09:00-10:00 周平老师）
                  .fr.status
                    span.time 00:22:34
                  a.fr.listen.ck-btn.ck-btn4(href='http://www.chuanke.com/v4272850-163140-747191.html', target='_blank') 试听
            h3.chapter-title
              em 第5章
              | 交互设计思维第五讲
            ul.m-catalog-list
              li.bg-cor
                .chapter
                  span.num 1
                  h4.fl.title 百度必过宝-交互设计实例分享
                  span.fl.title(style='color: gray;font-size: 13px;')  （2月12日 09:00-10:00 周平老师）
                  .fr.status
                    span.time 00:20:04
                  a.fr.listen.ck-btn.ck-btn4(href='http://www.chuanke.com/v4272850-163140-759461.html', target='_blank') 试听
            h3.chapter-title
              em 第6章
              | 交互设计思维第六讲
            ul.m-catalog-list
              li.bg-cor
                .chapter
                  span.num 1
                  h4.fl.title 百度文库-交互设计师的设计积累方法
                  span.fl.title(style='color: gray;font-size: 13px;')  （2月12日 09:00-10:00 周平老师）
                  .fr.status
                    span.time 00:15:47
                  a.fr.listen.ck-btn.ck-btn4(href='http://www.chuanke.com/v4272850-163140-771711.html', target='_blank') 试听
            h3.chapter-title
              em 第7章
              | 交互设计思维第七讲
            ul.m-catalog-list
              li.bg-cor
                .chapter
                  span.num 1
                  h4.fl.title 从hao123谈谈互联网的商业模式
                  span.fl.title(style='color: gray;font-size: 13px;')  （2月12日 09:00-10:00 周平老师）
                  .fr.status
                    span.time 00:20:38
                  a.fr.listen.ck-btn.ck-btn4(href='http://www.chuanke.com/v4272850-163140-809497.html', target='_blank') 试听
            h3.chapter-title
              em 第8章
              | 交互设计思维第八讲
            ul.m-catalog-list
              li.bg-cor
                .chapter
                  span.num 1
                  h4.fl.title 交互设计师的数据化思维【新课】
                  span.fl.title(style='color: gray;font-size: 13px;')  （2月12日 09:00-10:00 周平老师）
                  .fr.status
                    span.time 00:19:53
                  a.fr.listen.ck-btn.ck-btn4(href='http://www.chuanke.com/v4272850-163140-830796.html', target='_blank') 试听
          // =E 课程目录
          // Start 课程评价
          #show-comment
            .course-comment
              h3.title
                | 课程评价
                em.c-orange （98）
              // 评分率
              //
                <div class="comment-rate-tags">
                <div class="fl rate-score">
                <p class="rate">94.90<span>%</span></p>
                <h4 class="f14 c-999">满意度</h4>
                </div>
                <ul class="fl comment-rate-proportion">
                <li>
                <h5 class="fl">好评<em class="c-999">（93）</em></h5>
                <p class="fl progress-bar">
                <span style="width:94.90%;"></span>
                </p>
                </li>
                <li>
                <h5 class="fl">中评<em class="c-999">（3）</em></h5>
                <p class="fl progress-bar">
                <span style="width:3.06%;"></span>
                </p>
                </li>
                <li>
                <h5 class="fl">差评<em class="c-999">（2）</em></h5>
                <p class="fl progress-bar">
                <span style="width:2.04%;"></span>
                </p>
                </li>
                </ul>
                <div class="fl comment-rate-tag">
                <ul class="comment-tag">
                <li class="w1">视频画面清晰 <em>13</em></li>
                <li class="w1">课程内容不错 <em>32</em></li>
                <li class="w1">老师讲的很好 <em>34</em></li>
                <li class="w1">期待后续更新 <em>10</em></li>
                <li class="w1">实用性很强 <em>18</em></li>
                <li class="w1">简单易懂 <em>12</em></li>
                <li class="w1">互动性强 <em>1</em></li>
                <li class="w1">赞一个 <em>7</em></li>
                <li class="w1">有收获 <em>14</em></li>
                </ul>
                </div>
                </div>
              // 好中差
              //
                <div class="course-comment-filter">
                <label class="radio checked" appraise="0"><i class="ico-radio"><input type="radio"></i><span
                class="text">全部</span></label>
                <label class="radio " appraise="1"><i class="ico-radio"><input type="radio"></i><span
                class="text">好评 <em>(93)</em></span></label>
                <label class="radio " appraise="2"><i class="ico-radio"><input type="radio"></i><span
                class="text">中评 <em>(3)</em></span></label>
                <label class="radio " appraise="3"><i class="ico-radio"><input type="radio"></i><span
                class="text">差评 <em>(2)</em></span></label>
                </div>
              // 评论列表
              ul.course-comment-list
                li.item
                  .fl.pic
                    span.avatar
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/0-0.JPG', alt='')
                    p.name.te 155*****506
                  .course-comment-con
                    p.praise.f14
                      i.ico-grade-star.s2
                      |  中评
                    p.info 老师的语速太慢
                    #operate_70521130.operate
                      p.fr
                        span.time.c-999 2016-04-20 11:27
                        em.line |
                        a.reply.c-999.reply_list_switch(href='javascript:;', voteid='70521130')
                          | 回复
                          | (0)
                    // 回复框
                    #replylist_70521130.comment-reply(style='display:none;')
                      span.arrow-t
                        i.top
                        i.bot
                      .comment-replay-box
                        .com-area-box
                          textarea#comment_input_70521130.com-area
                        .replay-btn
                          span.c_999.fl 字数限400字符内
                          a.fr.ck-btn.ck-btn5(href='javascript:;', onclick="addComment('70521130', '4272850', '163140', '4618004');") 发表
                      ul.comment-replay-list
                        #comment_row_70521130.mb10(style='display:none;')
                    // 回复
                li.item
                  .fl.pic
                    span.avatar
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/0-0.JPG', alt='')
                    p.name.te Ken爷在吃肉
                  .course-comment-con
                    p.praise.f14
                      i.ico-grade-star.s1
                      |  好评
                    p.info 解说明确，用词恳切，思路清晰易懂，让人感觉很愿意听下去！
                    #operate_70501316.operate
                      ul.fl.comment-tag
                        li 老师讲的很好
                        li 互动性强
                        li 赞一个
                      p.fr
                        span.time.c-999 2016-04-11 21:38
                        em.line |
                        a.reply.c-999.reply_list_switch(href='javascript:;', voteid='70501316')
                          | 回复
                          | (0)
                    // 回复框
                    #replylist_70501316.comment-reply(style='display:none;')
                      span.arrow-t
                        i.top
                        i.bot
                      .comment-replay-box
                        .com-area-box
                          textarea#comment_input_70501316.com-area
                        .replay-btn
                          span.c_999.fl 字数限400字符内
                          a.fr.ck-btn.ck-btn5(href='javascript:;', onclick="addComment('70501316', '4272850', '163140', '6258775');") 发表
                      ul.comment-replay-list
                        #comment_row_70501316.mb10(style='display:none;')
                    // 回复
                li.item
                  .fl.pic
                    span.avatar
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/0-0.JPG', alt='')
                    p.name.te 萧十二郎89
                  .course-comment-con
                    p.praise.f14
                      i.ico-grade-star.s1
                      |  好评
                    p.info 非常不错，好评
                    #operate_70473135.operate
                      p.fr
                        span.time.c-999 2016-03-27 21:25
                        em.line |
                        a.reply.c-999.reply_list_switch(href='javascript:;', voteid='70473135')
                          | 回复
                          | (0)
                    // 回复框
                    #replylist_70473135.comment-reply(style='display:none;')
                      span.arrow-t
                        i.top
                        i.bot
                      .comment-replay-box
                        .com-area-box
                          textarea#comment_input_70473135.com-area
                        .replay-btn
                          span.c_999.fl 字数限400字符内
                          a.fr.ck-btn.ck-btn5(href='javascript:;', onclick="addComment('70473135', '4272850', '163140', '5945217');") 发表
                      ul.comment-replay-list
                        #comment_row_70473135.mb10(style='display:none;')
                    // 回复
                li.item
                  .fl.pic
                    span.avatar
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/2736824_middle_avatar.jpg', alt='')
                    p.name.te victor_zhuxh
                  .course-comment-con
                    p.praise.f14
                      i.ico-grade-star.s1
                      |  好评
                    p.info 很具体的案例，很实用的知识。
                    #operate_70463085.operate
                      ul.fl.comment-tag
                        li 视频画面清晰
                        li 赞一个
                        li 有收获
                      p.fr
                        span.time.c-999 2016-03-21 16:30
                        em.line |
                        a.reply.c-999.reply_list_switch(href='javascript:;', voteid='70463085')
                          | 回复
                          | (0)
                    // 回复框
                    #replylist_70463085.comment-reply(style='display:none;')
                      span.arrow-t
                        i.top
                        i.bot
                      .comment-replay-box
                        .com-area-box
                          textarea#comment_input_70463085.com-area
                        .replay-btn
                          span.c_999.fl 字数限400字符内
                          a.fr.ck-btn.ck-btn5(href='javascript:;', onclick="addComment('70463085', '4272850', '163140', '2736824');") 发表
                      ul.comment-replay-list
                        #comment_row_70463085.mb10(style='display:none;')
                    // 回复
                li.item
                  .fl.pic
                    span.avatar
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/4663989_middle_avatar.jpg', alt='')
                    p.name.te 胡大大大大大
                  .course-comment-con
                    p.praise.f14
                      i.ico-grade-star.s1
                      |  好评
                    p.info
                      | 一口气看完了6节课，当真是呕心沥血沉淀下来的设计思维和方法。宋仲基欧巴太遥远，快来百度大ue讲堂约会最好看／最贴心／最实用的课程，和百度大ue讲堂一起成长，约会自己最真实的梦想。
                    #operate_70453175.operate
                      ul.fl.comment-tag
                        li 老师讲的很好
                        li 实用性很强
                        li 有收获
                      p.fr
                        span.time.c-999 2016-03-15 00:47
                        em.line |
                        a.reply.c-999.reply_list_switch(href='javascript:;', voteid='70453175')
                          | 回复
                          | (0)
                    // 回复框
                    #replylist_70453175.comment-reply(style='display:none;')
                      span.arrow-t
                        i.top
                        i.bot
                      .comment-replay-box
                        .com-area-box
                          textarea#comment_input_70453175.com-area
                        .replay-btn
                          span.c_999.fl 字数限400字符内
                          a.fr.ck-btn.ck-btn5(href='javascript:;', onclick="addComment('70453175', '4272850', '163140', '4663989');") 发表
                      ul.comment-replay-list
                        #comment_row_70453175.mb10(style='display:none;')
                    // 回复
                li.item
                  .fl.pic
                    span.avatar
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/4677226_middle_avatar.jpg', alt='')
                    p.name.te 小彭哥
                  .course-comment-con
                    p.praise.f14
                      i.ico-grade-star.s1
                      |  好评
                    p.info 好
                    #operate_70451171.operate
                      p.fr
                        span.time.c-999 2016-03-13 18:47
                        em.line |
                        a.reply.c-999.reply_list_switch(href='javascript:;', voteid='70451171')
                          | 回复
                          | (0)
                    // 回复框
                    #replylist_70451171.comment-reply(style='display:none;')
                      span.arrow-t
                        i.top
                        i.bot
                      .comment-replay-box
                        .com-area-box
                          textarea#comment_input_70451171.com-area
                        .replay-btn
                          span.c_999.fl 字数限400字符内
                          a.fr.ck-btn.ck-btn5(href='javascript:;', onclick="addComment('70451171', '4272850', '163140', '4677226');") 发表
                      ul.comment-replay-list
                        #comment_row_70451171.mb10(style='display:none;')
                    // 回复
                li.item
                  .fl.pic
                    span.avatar
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/0-0.JPG', alt='')
                    p.name.te lynn招财
                  .course-comment-con
                    p.praise.f14
                      i.ico-grade-star.s1
                      |  好评
                    p.info
                    #operate_70443774.operate
                      p.fr
                        span.time.c-999 2016-03-08 15:39
                        em.line |
                        a.reply.c-999.reply_list_switch(href='javascript:;', voteid='70443774')
                          | 回复
                          | (0)
                    // 回复框
                    #replylist_70443774.comment-reply(style='display:none;')
                      span.arrow-t
                        i.top
                        i.bot
                      .comment-replay-box
                        .com-area-box
                          textarea#comment_input_70443774.com-area
                        .replay-btn
                          span.c_999.fl 字数限400字符内
                          a.fr.ck-btn.ck-btn5(href='javascript:;', onclick="addComment('70443774', '4272850', '163140', '6190837');") 发表
                      ul.comment-replay-list
                        #comment_row_70443774.mb10(style='display:none;')
                    // 回复
                li.item
                  .fl.pic
                    span.avatar
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/0-0.JPG', alt='')
                    p.name.te 847522733
                  .course-comment-con
                    p.praise.f14
                      i.ico-grade-star.s1
                      |  好评
                    p.info 专业术语太多，比如说什么叫竞品分析等，可以解释的更白话一些会更好！
                    #operate_70440705.operate
                      p.fr
                        span.time.c-999 2016-03-06 15:33
                        em.line |
                        a.reply.c-999.reply_list_switch(href='javascript:;', voteid='70440705')
                          | 回复
                          | (2)
                    // 回复框
                    #replylist_70440705.comment-reply(style='display:none;')
                      span.arrow-t
                        i.top
                        i.bot
                      .comment-replay-box
                        .com-area-box
                          textarea#comment_input_70440705.com-area
                        .replay-btn
                          span.c_999.fl 字数限400字符内
                          a.fr.ck-btn.ck-btn5(href='javascript:;', onclick="addComment('70440705', '4272850', '163140', '6176047');") 发表
                      ul.comment-replay-list
                        li
                          img.fl.avatar(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/0-0.JPG', alt='')
                          .comment-replay-con
                            p#reply_nickname_29977 421452424
                            .replay-info 你应该从产品的角度去思考一下，这点主动学习的能力都没有，还学什么
                            p.fr.operate
                              span.time.c-999 2016-03-17 23:02
                              em.line |
                              a.reply.c-999.reply_switch(href='javascript:;', commentid='29977') 回复
                            #reply_29977.comment-replay-box.reply_form(style='display:none;')
                              .com-area-box
                                textarea#reply_input_29977.com-area
                                span.arrow-t
                                  i.top
                                  i.bot
                              .replay-btn
                                span.c_999.fl 字数限400字符内
                                a.fr.ck-btn.ck-btn5.replyBtn(href='javascript:;', commentid='29977', replyuid='5922401', sid='4272850', courseid='163140', voteid='70440705') 发表
                        li
                          img.fl.avatar(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/0-0.JPG', alt='')
                          .comment-replay-con
                            p#reply_nickname_30624 Yico小燕
                            .replay-info 这个词还不够直白嘛。。。。。
                            p.fr.operate
                              span.time.c-999 2016-04-20 11:07
                              em.line |
                              a.reply.c-999.reply_switch(href='javascript:;', commentid='30624') 回复
                            #reply_30624.comment-replay-box.reply_form(style='display:none;')
                              .com-area-box
                                textarea#reply_input_30624.com-area
                                span.arrow-t
                                  i.top
                                  i.bot
                              .replay-btn
                                span.c_999.fl 字数限400字符内
                                a.fr.ck-btn.ck-btn5.replyBtn(href='javascript:;', commentid='30624', replyuid='6343096', sid='4272850', courseid='163140', voteid='70440705') 发表
                        #comment_row_70440705.mb10(style='display:none;')
                    // 回复
                li.item
                  .fl.pic
                    span.avatar
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/1585237_middle_avatar.jpg', alt='')
                    p.name.te - Depraved
                  .course-comment-con
                    p.praise.f14
                      i.ico-grade-star.s1
                      |  好评
                    p.info 老师讲得很好咩，看来备课也做了很多很多，很受用的内容，希望在平衡策略上再多讲几个例子就更好啦！！！
                    #operate_70439958.operate
                      ul.fl.comment-tag
                        li 课程内容不错
                        li 老师讲的很好
                        li 期待后续更新
                      p.fr
                        span.time.c-999 2016-03-06 03:18
                        em.line |
                        a.reply.c-999.reply_list_switch(href='javascript:;', voteid='70439958')
                          | 回复
                          | (0)
                    // 回复框
                    #replylist_70439958.comment-reply(style='display:none;')
                      span.arrow-t
                        i.top
                        i.bot
                      .comment-replay-box
                        .com-area-box
                          textarea#comment_input_70439958.com-area
                        .replay-btn
                          span.c_999.fl 字数限400字符内
                          a.fr.ck-btn.ck-btn5(href='javascript:;', onclick="addComment('70439958', '4272850', '163140', '1585237');") 发表
                      ul.comment-replay-list
                        #comment_row_70439958.mb10(style='display:none;')
                    // 回复
                li.item
                  .fl.pic
                    span.avatar
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/0-0.JPG', alt='')
                    p.name.te c52andy
                  .course-comment-con
                    p.praise.f14
                      i.ico-grade-star.s3
                      |  差评
                    p.info 完全在读稿
                    #operate_70431999.operate
                      p.fr
                        span.time.c-999 2016-03-03 09:53
                        em.line |
                        a.reply.c-999.reply_list_switch(href='javascript:;', voteid='70431999')
                          | 回复
                          | (0)
                    // 回复框
                    #replylist_70431999.comment-reply(style='display:none;')
                      span.arrow-t
                        i.top
                        i.bot
                      .comment-replay-box
                        .com-area-box
                          textarea#comment_input_70431999.com-area
                        .replay-btn
                          span.c_999.fl 字数限400字符内
                          a.fr.ck-btn.ck-btn5(href='javascript:;', onclick="addComment('70431999', '4272850', '163140', '6122095');") 发表
                      ul.comment-replay-list
                        #comment_row_70431999.mb10(style='display:none;')
                    // 回复
            // End 课程评价
            // Start 翻页
            .ck-page.tc
              span.curr  1 
              a.ajaxLink(title='第2页', href='http://www.chuanke.com/?mod=course&act=show&do=comment&sid=4272850&courseid=163140&appraise=0&comment_flag=0&page=2') 2
              a.ajaxLink(title='第3页', href='http://www.chuanke.com/?mod=course&act=show&do=comment&sid=4272850&courseid=163140&appraise=0&comment_flag=0&page=3') 3
              a.ajaxLink(title='第4页', href='http://www.chuanke.com/?mod=course&act=show&do=comment&sid=4272850&courseid=163140&appraise=0&comment_flag=0&page=4') 4
              a.ajaxLink(title='第5页', href='http://www.chuanke.com/?mod=course&act=show&do=comment&sid=4272850&courseid=163140&appraise=0&comment_flag=0&page=5') 5
              span.ellipsis ...
              a.ajaxLink(title='第10页', href='http://www.chuanke.com/?mod=course&act=show&do=comment&sid=4272850&courseid=163140&appraise=0&comment_flag=0&page=10') 10
              a.next.ajaxLink(title='下一页', href='http://www.chuanke.com/?mod=course&act=show&do=comment&sid=4272850&courseid=163140&appraise=0&comment_flag=0&page=2')
                | 下一页
                s
            // End 翻页
      // End 左列
      // Start 右列
      .fr.side
        // Start 课程推荐
        span#similar_hot
          style.
            .side-card li {
            margin-bottom: 20px;
            }
          h3.ck-title 同类课程
          .side-card
            ul
              li
                .item-panel
                  .item-pic
                    a(href='http://www.chuanke.com/4272850-156784.html')
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/9c6523de1c21371254ee50d85e9681c8.thumb.jpg', alt='', width='208', height='156')
                  .item-title
                    a(href='http://www.chuanke.com/4272850-156784.html') 【系列】UI设计从小白到高手-经典实例解析 PS 移动端 百度团队
                  .item-addition
                    .price
                      span.hot-price
                        em ¥
                        | 0.00
                    .number
                      span
                        em 36672
                        |  人已学
              li
                .item-panel
                  .item-pic
                    a(href='http://www.chuanke.com/4272850-163220.html')
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/fff7b3c784456e58c02b7d76958a3768.thumb.jpg', alt='', width='208', height='156')
                  .item-title
                    a(href='http://www.chuanke.com/4272850-163220.html') 【系列】用户研究从入门到实践【百度大UE讲堂】
                  .item-addition
                    .price
                      span.hot-price
                        em ¥
                        | 0.00
                    .number
                      span
                        em 7569
                        |  人已学
              li
                .item-panel
                  .item-pic
                    a(href='http://www.chuanke.com/4272850-163336.html')
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/f43c101278674dbd3d04ae5284692797.thumb.jpg', alt='', width='208', height='156')
                  .item-title
                    a(href='http://www.chuanke.com/4272850-163336.html') 【系列】设计师必备技能-手绘鼠绘【百度大UE讲堂】
                  .item-addition
                    .price
                      span.hot-price
                        em ¥
                        | 0.00
                    .number
                      span
                        em 4968
                        |  人已学
              li
                .item-panel
                  .item-pic
                    a(href='http://www.chuanke.com/4272850-162757.html')
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/bb7fdd4cc63a5dd821b0862d03e29aee.thumb.jpg', alt='', width='208', height='156')
                  .item-title
                    a(href='http://www.chuanke.com/4272850-162757.html') 【校长亲授】如何获得BAT的面试机会-一个屌丝设计师的逆袭路
                  .item-addition
                    .price
                      span.hot-price
                        em ¥
                        | 0.00
                    .number
                      span
                        em 4772
                        |  人已学
          .hr-line
          // End 课程推荐
          // Start 该机构的同类课程
          h3.ck-title 该机构的热门课程
          .side-card
            ul
              li
                .item-panel
                  .item-pic
                    a(href='http://www.chuanke.com/4272850-156784.html')
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/9c6523de1c21371254ee50d85e9681c8.thumb.jpg', alt='', width='208', height='156')
                  .item-title
                    a(href='http://www.chuanke.com/4272850-156784.html') 【系列】UI设计从小白到高手-经典实例解析 PS 移动端 百度团队
                  .item-addition
                    .price
                      span.hot-price
                        em ¥
                        | 0.00
                    .number
                      span
                        em 36672
                        |  人已学
              li
                .item-panel
                  .item-pic
                    a(href='http://www.chuanke.com/4272850-156995.html')
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/2762a164f3752237008d7359458a5d88.thumb.jpg', alt='', width='208', height='156')
                  .item-title
                    a(href='http://www.chuanke.com/4272850-156995.html') 【专家】百度设计实战精讲 - 体验不仅是界面 交互 设计理念 UI
                  .item-addition
                    .price
                      span.hot-price
                        em ¥
                        | 0.00
                    .number
                      span
                        em 10322
                        |  人已学
              li
                .item-panel
                  .item-pic
                    a(href='http://www.chuanke.com/4272850-163220.html')
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/fff7b3c784456e58c02b7d76958a3768.thumb.jpg', alt='', width='208', height='156')
                  .item-title
                    a(href='http://www.chuanke.com/4272850-163220.html') 【系列】用户研究从入门到实践【百度大UE讲堂】
                  .item-addition
                    .price
                      span.hot-price
                        em ¥
                        | 0.00
                    .number
                      span
                        em 7569
                        |  人已学
              li
                .item-panel
                  .item-pic
                    a(href='http://www.chuanke.com/4272850-158571.html')
                      img(src='./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/05931429030f3b9a8e15efd91faf935e.thumb.jpg', alt='', width='208', height='156')
                  .item-title
                    a(href='http://www.chuanke.com/4272850-158571.html') 【系列】 交互设计入门-交互知识及软件技能解析 Axure 实例解析
                  .item-addition
                    .price
                      span.hot-price
                        em ¥
                        | 0.00
                    .number
                      span
                        em 6035
                        |  人已学
      // End 右列
    script(type='text/javascript').
      $(function () {
      $(".mn_sort").mouseover(function () {
      $(".mn_mt").css('background', '#40bb8a');
      $(".mn_mc").show();
      }).mouseleave(function () {
      $(".mn_mt").css('background', '#179362');
      $(".mn_mc").hide();
      });
      $('.mn_sort > .mn_mc > .item').hover(function () {
      $(this).addClass('item_hover');
      $(this).children('.i_bd').show();
      }, function () {
      $(this).removeClass('item_hover');
      $(this).children('.i_bd').hide();
      });
      $("#tab_switch li[float!=float]").click(function(){
      if ($(this).hasClass('szbq')) {
      return true;
      }
      //根据tab获取不同的数据，并替换内容。此方式可根据需要变动
      var tab = $(this).attr('tab');
      console.log(tab);
      $("#tab_switch li a").removeClass('curr');
      $(this).children('a').addClass('curr');
      if (tab == "brief"){
      $(".con-intro").show();
      $(".m-catalog").show();
      $(".show-comment").show();
      }else if (tab == "dirBrief"){
      $(".con-intro").hide();
      $(".m-catalog").show();
      $(".show-comment").hide();
      }else if (tab == "comment"){
      $(".con-intro").hide();
      $(".m-catalog").hide();
      $(".show-comment").show();
      }
      return false;
      });
      });
    .footer
      p.ft-nav
        a(href='http://www.chuanke.com/about', target='_blank') 关于百度传课
        a(href='http://www.chuanke.com/helpcenter/index.html', target='_blank') 百度传课帮助
        a(href='http://help.baidu.com/add?prod_id=171', target='_blank') 投诉&反馈
        a(href='http://www.chuanke.com/contactus', target='_blank') 联系方式
        a(href='http://www.chuanke.com/job', target='_blank') 招聘信息
        a(href='http://www.chuanke.com/?mod=client&type=mobile') 手机触屏版
      p.copy
        | 京ICP证
        a(href='http://www.miitbeian.gov.cn/', target='_blank') 130265
        | 号
        span.info
          | Copyright © 2015 
          a(href='http://www.baidu.com/duty/', target='_blank') 使用百度前必读
        | 百度传课
        |         Chuanke.com
    // End footer
